<!--  -->
<template>
<div class='nei'>
    <p>
        <span style="font-weight: 600; font-size: 16px;">招飞启航</span>
        <span style="color: #555;padding-left: 10px;font-size: 14px;">让梦想从这里启航</span>
    </p>
    <div class="tu" >
         <div class="left">
            <img src="../../public/images/pic4.jpg" alt="" style="width: 160px;height: 160px;">
         </div>
         <div class="right">
            <img src="../../public/images/pic1.jpg" alt="" style="width: 185px; height: 90px;">
            <div class="small">
                <img src="../../public/images/pic3.jpg" alt="" >
                <img src="../../public/images/pic2.jpg" alt="">
            </div>
         </div>

    </div>

    <div class="hang">
        <img src="../../public/images/pic5.png" alt="">
        <img src="../../public/images/banner2.jpg" alt="" style="width: 100%;">

    </div>
</div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';

export default {
//import引入的组件需要注入到对象中才能使用
components: {},
data() {
//这里存放数据
return {

};
},
//计算属性 类似于data概念
computed: {},
//监控data中的数据变化
watch: {},
//方法集合
methods: {

},
beforeCreate() {}, //生命周期 - 创建之前
//生命周期 - 创建完成（可以访问当前this实例）
created() {

},
beforeMount() {}, //生命周期 - 挂载之前
//生命周期 - 挂载完成（可以访问DOM元素）
mounted() {

},
beforeUpdate() {}, //生命周期 - 更新之前
updated() {}, //生命周期 - 更新之后
beforeDestroy() {}, //生命周期 - 销毁之前
destroyed() {}, //生命周期 - 销毁完成
activated() {}, //如果页面有keep-alive缓存功能，激活
deactivated() {}, //如果页面有keep-alive缓存功能，非激活
}
</script>
<style lang="less"> 
.nei{
    width: 360px;
    height: 400px;
    background-color: white;
    margin: 10px  auto;
    .tu{
        display: flex;
        flex-direction: row;
         margin-top: 10px;
         .right{
            width: 185px;
            height: 160px;
            // background-color: pink;
            margin-left: 10px;
            display: flex;
            flex-wrap: wrap;
            .small{
                img{
                    width:85px;
                    height: 60px;
                    margin-left: 5px;
                }
            }
         }
    }
}

</style>